<template>
	<div class="box">
		<h1>mixin 混入</h1>
		<h3>下面是个小猫咪</h3>
		<hr />
		<h3 @click="showName">姓名:{{name}}</h3>
		<h3>年龄:{{age}}</h3>
	</div>
</template>

<script>
	// 1. 引入mixin 
	// import {mixin} from '../mixin.js'
	
	export default {
		name:'Cat',
		data(){
			return {
				name:'小花',
				age:3
			}
		},
		// 2. 注册混合
		// mixins:[mixin]
		// methods:{
		// 	showName() {
		// 		alert(this.name)
		// 	}
		// }
	}
</script>

<style>
	.box {
		background-color: antiquewhite;
	}
</style>